import { ThemeConfig } from "antd";

export const THEME: ThemeConfig = {
    token: {
        colorPrimary: '#2176FF',
        colorText: '#1D2129',
        colorTextSecondary: '#4E5969',
        colorTextDisabled: '#C9CDD4',
        colorTextPlaceholder: '#86909C',
        borderRadius: 2,
        borderRadiusSM: 2,
        borderRadiusLG: 4,
    },
    components: {
        Input: {
            colorBorder: "#E5E6EB",
        },
        Tree: {
            nodeHoverBg: "#E8F3FF",
            nodeHoverColor: "#2176FF",
            nodeSelectedBg: "#E8F3FF",
            nodeSelectedColor: "#2176FF",
            titleHeight: 30,
            indentSize: 12,
        },
        Table: {
            headerBg: "#EFF1F5",
            headerColor: "#4E5969",
        },
        Menu: {
            itemMarginInline: 0,
            itemMarginBlock: 2,
            itemBorderRadius: 0,
            itemHeight: 32,
            itemColor: "#4E5969",
            itemHoverBg: "#E8F3FF",
            itemHoverColor: "#2176FF",
        }
    }
}